<!DOCTYPE html>
<html lang="en">
 
<head>
    <meta charset="UTF-8">
    <title>NOT 8 am. | Read More</title>
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <link rel="stylesheet" href="../css/Read More.css">
</head>

<body>
<!-- header -->
<nav id="navbar">
    <div class="header">
        <div class="nav-wrapper">
            <div class="nav-container">
                <div class="nav-l">
                    <!-- logo -->
                    <div class="logo">
                        <img src="../images/logo.png" class="logo" alt="Logo">
                    </div>
                    <!-- list -->
                    <nav class="nav">
                        <div class="divider"></div>
                        <a href="../index.html">首页</a>
                        <a href="curriculum.html" class="curriculum">课程</a>
                        <a href="resources.html" class="resources">资源</a>
                        <a href="Excellent%20assignment.html" class="show">展示</a>
                        <a href="our.html" class="our">OUR</a>
                    </nav>
                </div>
                <div class="nav-r">
                    <!-- git -->
                    <a href="https://gitee.com/chen-jieyan-jy/group-assignments.git" target="_blank" class="git">
                        <button>Gitee ·</button>
                    </a>
                    <!-- mine -->
                    <div class="mine" id="mine">
                        <img src="../images/avatar.jpg" alt="">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 遮罩层 -->
    <div class="overlay" id="overlay"></div>
    <!--侧边栏-->
    <div id="side-content" class="side-content">
        <!--头像-->
        <div class="avatar-content">
            <img class="avatar-image" src="../images/avatar.jpg">
            <div class="avatar-nickName-content">
                <div class="avatar-nickName">倒霉熊</div>
                <div class="avatar-number">编号：000001</div>
            </div>
        </div>
        <!--我的课程-->
        <div class="my-course-content">
            <div class="my-course-title">我的课程</div>
            <div class="my-course-en">MY COURSE</div>
        </div>
        <!--中间容器-->
        <div class="middle-content">
            <div class="content-currency" style="padding-top: 4%;">
                <div class="content-currency-font">账号管理</div>
                <div>
                    <svg t="1718820997424" class="icon" viewBox="0 0 1024 1024" version="1.1"
                         xmlns="http://www.w3.org/2000/svg" p-id="2620" width="200" height="200">
                        <path d="M613.504 512L274.752 173.248l90.496-90.496L794.496 512l-429.248 429.248-90.496-90.496z"
                              fill="#666666" p-id="2621"></path>
                    </svg>
                </div>
            </div>
            <div class="content-currency">
                <div class="content-currency-font">个人资料</div>
                <div>
                    <svg t="1718820997424" class="icon" viewBox="0 0 1024 1024" version="1.1"
                         xmlns="http://www.w3.org/2000/svg" p-id="2620" width="200" height="200">
                        <path d="M613.504 512L274.752 173.248l90.496-90.496L794.496 512l-429.248 429.248-90.496-90.496z"
                              fill="#666666" p-id="2621"></path>
                    </svg>
                </div>
            </div>
            <div class="content-currency" style="border: 0;padding-bottom: 4%">
                <div class="content-currency-font">通用设置</div>
                <div>
                    <svg t="1718820997424" class="icon" viewBox="0 0 1024 1024" version="1.1"
                         xmlns="http://www.w3.org/2000/svg" p-id="2620" width="200" height="200">
                        <path d="M613.504 512L274.752 173.248l90.496-90.496L794.496 512l-429.248 429.248-90.496-90.496z"
                              fill="#666666" p-id="2621"></path>
                    </svg>
                </div>
            </div>
        </div>
        <!--底部间容器-->
        <div class="bottom-content">
            <div class="content-currency" style="padding-top: 2.5%;">
                <div class="content-currency-font">隐私政策</div>
                <div>
                    <svg t="1718820997424" class="icon" viewBox="0 0 1024 1024" version="1.1"
                         xmlns="http://www.w3.org/2000/svg" p-id="2620" width="200" height="200">
                        <path d="M613.504 512L274.752 173.248l90.496-90.496L794.496 512l-429.248 429.248-90.496-90.496z"
                              fill="#666666" p-id="2621"></path>
                    </svg>
                </div>
            </div>
            <div class="content-currency" style="border: 0; padding-bottom: 3%;">
                <div class="content-currency-font">帮助中心</div>
                <div>
                    <svg t="1718820997424" class="icon" viewBox="0 0 1024 1024" version="1.1"
                         xmlns="http://www.w3.org/2000/svg" p-id="2620" width="200" height="200">
                        <path d="M613.504 512L274.752 173.248l90.496-90.496L794.496 512l-429.248 429.248-90.496-90.496z"
                              fill="#666666" p-id="2621"></path>
                    </svg>
                </div>
            </div>
        </div>
        <!--退出登录-->
        <div class="login-out-content">
            退出登录
        </div>
    </div>
</nav>
    <div id="app">
        <div class="section-one">
            <div class="list-one-box">
                <img src="../images/cjy1.jpg" alt="">
                <div class="div-mask">
                    <div class="div1">
                        <p class="p1">界面布局设计<br>设计</p>
                        <p class="p2">猫猫头<br>23软件2班</p>
                    </div>
                </div>
            </div>
            <div class="list-one-box">
                <img src="../images/cjy2.jpg" alt="">
                <div class="div-mask">
                    <div class="div1">
                        <p class="p1">图形创意与表现<br>设计</p>
                        <p class="p2">猫猫头<br>23软件2班</p>
                    </div>
                </div>
            </div>
            <div class="list-one-box">
                <img src="../images/cjy3.jpg" alt="">
                <div class="div-mask">
                    <div class="div1">
                        <p class="p1">多媒体艺术<br>设计</p>
                        <p class="p2">猫猫头<br>23软件2班</p>
                    </div>
                </div>
            </div>
            <div class="list-one-box">
                <img src="../images/qsj1.jpg" alt="">
                <div class="div-mask">
                    <div class="div1">
                        <p class="p1">数据构成基础<br>设计</p>
                        <p class="p2">七意海<br>23软件2班</p>
                    </div>
                </div>
            </div>
            <div class="list-one-box">
                <img src="../images/qsj2.jpg" alt="">
                <div class="div-mask">
                    <div class="div1">
                        <p class="p1">界面布局设计<br>设计</p>
                        <p class="p2">七意海<br>23软件2班</p>
                    </div>
                </div>
            </div>
            <div class="list-one-box">
                <img src="../images/qsj3.jpg" alt="">
                <div class="div-mask">
                    <div class="div1">
                        <p class="p1">图形创意与表现<br>设计</p>
                        <p class="p2">七意海<br>23软件2班</p>
                    </div>
                </div>
            </div>
            <div class="list-one-box">
                <img src="../images/sjx1.jpg" alt="">
                <div class="div-mask">
                    <div class="div1">
                        <p class="p1">多媒体艺术<br>设计</p>
                        <p class="p2">倒霉熊<br>23软件2班</p>
                    </div>
                </div>
            </div>
            <div class="list-one-box">
                <img src="../images/sjx2.jpg" alt="">
                <div class="div-mask">
                    <div class="div1">
                        <p class="p1">数据构成基础<br>设计</p>
                        <p class="p2">倒霉熊<br>23软件2班</p>
                    </div>
                </div>
            </div>
            <div class="list-one-box">
                <img src="../images/lj1.jpg" alt="">
                <div class="div-mask">
                    <div class="div1">
                        <p class="p1">界面布局设计<br>设计</p>
                        <p class="p2">麦当当<br>23软件2班</p>
                    </div>
                </div>
            </div>
            <div class="list-one-box">
                <img src="../images/lj2.jpg" alt="">
                <div class="div-mask">
                    <div class="div1">
                        <p class="p1">图形创意与表现<br>设计</p>
                        <p class="p2">麦当当<br>23软件2班</p>
                    </div>
                </div>
            </div>
            <div class="list-one-box">
                <img src="../images/gx1.jpg" alt="">
                <div class="div-mask">
                    <div class="div1">
                        <p class="p1">多媒体艺术<br>设计</p>
                        <p class="p2">小捏<br>23软件2班</p>
                    </div>
                </div>
            </div>
            <div class="list-one-box">
                <img src="../images/gx2.jpg" alt="">
                <div class="div-mask">
                    <div class="div1">
                        <p class="p1">数据构成基础<br>设计</p>
                        <p class="p2">小捏<br>23软件2班</p>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div style="margin-top: 60px;"></div>

<script src="../js/Read%20More.js"></script>

</body>
 
</html>